<!-- 支付管理 -->
<template>
	<div class="content-box finance-pay">
		<div class="flex-between pay-item mb20" v-for="(item, index) in payList" :key="index" @click="$router.push(item.path)">
			<div class="flex-center">
				<el-image style="width: 50px; height: 50px" :src="item.logo" alt="" />
				<div class="ml20">
					<div class="pay-item-name font16 mb10">{{ item.name }}</div>
					<div class="text-regular">{{ item.desc }}</div>
				</div>
			</div>
			<el-button type="primary">查看</el-button>
		</div>
	</div>
</template>

<script setup lang="tsx" name="userDetail">
import { onMounted, ref } from 'vue';
// import { useRoute } from 'vue-router';
import zftSrc from '/@/assets/images/zft.svg';
import sftSrc from '/@/assets/images/sft.svg';

const payList = ref<any>([
	{
		name: '直付通商户',
		path: '/finance/pay-zft',
		logo: zftSrc,
		desc: '集市交易支付宝端小程序商户进件信息查询',
	},
	// {
	// 	name: '收付通商户',
	// 	path: '/finance/pay-sft',
	// 	logo: sftSrc,
	// 	desc: '集市交易微信端小程序商户进件信息查询',
	// },
]);

onMounted(async () => {});
</script>

<style lang="scss">
.finance-pay {
	.pay-item {
		// border: 1px solid var(--el-border-color);
		background-color: var(--el-color-primary-light-9);
		border-radius: var(--el-border-radius-base);
		padding: 20px;
		cursor: pointer;
	}
}
</style>
